<template>
  <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
    <el-tab-pane label="用户列表" name="first">
        <usersList></usersList>
    </el-tab-pane>
    <el-tab-pane label="配置" name="second">
        <usersConfig></usersConfig>
    </el-tab-pane>
    <el-tab-pane label="当前权限" name="third">
        <role></role>
    </el-tab-pane>
  </el-tabs>
</template>
<script setup>
import { ref } from 'vue'
import role from '@/components/users/role.vue'
import usersConfig from '../../../components/users/usersConfig.vue';
import usersList from '../../../components/users/usersList.vue';
// import { TabsPaneContext } from 'element-plus'

const activeName = ref('first')

const handleClick = (tab, event) => {

}
</script>
<style>
/* .demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
} */
</style>

